<template>
<div>
	<x-header>我的草稿 <router-link to="/" slot="right"> <a class="fa fa-home fa-15x"></a> </router-link></x-header>
	<div>
		<ab-scroller url="/bpm/my/draftList?supportMobile$V=true" :conditions='[{key:"subject_^VLK",value:"标题"},{key:"def_name_^VLK",value:"流程名"}]'>
			<div slot-scope="slotScope">
				<!-- <cell v-for="(def,index) in slotScope.rows" :key="index" :title="def.defName" :value="def.createTime" :link="{path:'/bpm/start',query:{instanceId:def.id}}" :inline-desc="def.subject"></cell> -->
				<div v-for="def in slotScope.rows" :key="def.id" >
					<router-link :to="{path:'/bpm/start',query:{instanceId:def.id}}">
						<div class="gz-card gz-list-style">
							<div class="title-box">
							<slot name="title">
								<div class="card-item">
									<div class="card-item" style="flex: 1;">
										<div class="item-title">创建时间：</div>
										<div class="item-value">{{def.createTime}}</div>
									</div>
								</div>
							</slot>
							<div class="left-dot"></div>
							<div class="right-dot"></div>
							</div>
							<div class="content-box">
							<slot name="content">
								<div class="card-items">
									<div class="card-item" style="flex: 1;">
										<div class="item-title">任务标题：</div>
										<div class="item-value">{{def.defName}}</div>
									</div>
									<div class="card-item" style="flex: 1;">
										<div class="item-title">任务名称：</div>
										<div class="item-value">{{def.subject}}</div>
									</div>
								</div>
							</slot>
							</div>
							<div class="footer-box">
							<slot name="footer">
								<div class="btn-group">
									<div class="btn btn-primary">查看</div>
								</div>
							</slot>
							</div>
						</div>
					</router-link>
				</div>
			</div>
		</ab-scroller>
	</div>
</div>
</template>

<script>

import Vue from 'vue';

export default {
	data: function () {
	  return {
		  tasks:[]
	  }
	},
	created : function(){
	},
	methods: {	    
	}
}
</script>
<style scoped lang="less">
	/deep/._v-container{
		border-top: 0.5em solid rgba(0,0,0,0) !important;
	}
</style>